<template>
  <div style="background-color: #fff; height: 100%">
    <div style="display: flex" v-for="(follow, index) in follows" :key="index">
      <div style="width: 30%">
        <img class="Follow-img" :src="follow.headImg" alt="" />
      </div>
      <div style="width: 80%">
        <div class="text-name">{{ follow.name }}</div>
        <div class="text-scription">{{ follow.briefIntroduction }}</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Follow",
  props: { follows: Object },
};
</script>
<style scoped>
.Follow-img {
  margin: 10px 0 10px 38%;
  width: 38px;
  height: 38px;
  border-radius: 50%;
}
.text-name {
  margin-top: 12px;
  font-size: 13px;
}
.text-scription {
  margin-top: 2px;
  font-size: 12px;
  color: #999;
}
</style>
